.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}

body{
	
	background:rgb(244,244,244);
}
header{
	display:flex;
	flex-direction:column;
	background:#fff;
	position:fixed;
	left:0;
	right:0;
	.pxToRem(height, 150);
	.top{
		.pxToRem(padding-top, 20);
		.pxToRem(padding-bottom, 20);
		display:flex;
		.left{
			display:flex;
			justify-content:center;
			align-items:center;
			.pxToRem(padding-right, 20);
			.pxToRem(padding-left, 20);
		}
		.center{
			display:flex;
			
			align-items:center;
			flex:1;
			border:1px solid #ccc;
			.pxToRem(border-radius,30);
			color:#ccc;
			.pxToRem(padding-top, 10);
			.pxToRem(padding-bottom, 10);
			.pxToRem(margin-right, 25);
		}
	}
	.bottom{
		display:flex;
		span{
			flex:1;
			text-align:center;
			.pxToRem(padding-top, 5);
			.pxToRem(padding-bottom, 5);
		}
	}
}
.banner{
	.pxToRem(padding-top, 150);
	img{
		width:100%;
	}
}

.vip_day{
	background:#fff;
	h3{
		.pxToRem(line-height, 110);
		text-align:center;
	}
	.nav{
		display:flex;
		flex-wrap:wrap;
		text-align:center;
		dl{
			width:25%;
			.pxToRem(margin-bottom, 30);
			dt{
				img{
					.pxToRem(width, 106);
					.pxToRem(height, 106);
				}
			}
			dd{
				.pxToRem(padding-top, 30);
			}
		}
	}
	
}
footer{
	display:flex;
	justify-content:space-around;
	align-items:center;
	.pxToRem(height,110);
	background:#fff;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	dl{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		dt{
			.pxToRem(height,50);
			.pxToRem(width,60);
			img{
				width:100%;
				.pxToRem(height,50);
			}
		}
		dd{
			.pxToRem(padding-top,10);
			.pxToRem(padding-bottom,10);
		}
	}
	.huiyuan{
		color:#fe5663;
	}
}